import 'normalize.css';
import { GlobalStyles } from '@/assets/css/index';

import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom';
import { Provider } from 'react-redux';
import { ConfigProvider } from 'antd';
import './utils/rem.ts';

import store from '@/store';
import App from '@/App';

createRoot(document.getElementById('root')!).render(
  <Provider store={store}>
    <BrowserRouter>
      <StrictMode>
        <ConfigProvider
          theme={{
            components: {
              Pagination: {
                itemActiveBg: '#be0b0c', // 设置分页项的背景色
                itemSize: 23,
              },
              Carousel: {
                arrowSize: 25,
              },
            },
          }}
        >
          <GlobalStyles />
          <App />
        </ConfigProvider>
      </StrictMode>
    </BrowserRouter>
  </Provider>
);
